*{
    margin:0;
    padding:0;
    border:0;
    font-family: "Microsoft YaHei UI Light", serif;
}
html,body{
    height: 100%;
}
body{
    background-image:url(../img/bg.jpg);
}
body>.log{
    position:absolute;
    top:35%;
    left:50%;
    margin-left:-150px;
    width:300px;
    height:260px;
    text-align:center;
    border-radius:2px;
    background-color:#FFFFFF;
    border:1px solid black;
}
body>.log>label{
    position:relative;
    top:17px;
    font-weight:bold;
}
body>.log>label>a{
    color:#7c7c7c;
}
body>.log>#login-form{
    margin-top:30px;
}
body>.log>#login-form>.input{
    border:1px solid black;
    width:280px;
    height:40px;
    border-radius:2px;
    margin:2px;
}
body>.log>#login-form>.botton{
    margin-top:20px;
    border:1px solid black;
    width:100px;
    height:40px;
    background-color:#DBDCDC;
    border-radius:2px;
    margin-left:5px;
    font-weight:bold;
}
body>.log>#login-form>.botton:hover{
    background-color:#C42525;
    color:#FFFFFF;
}